.main-part{
    background: white;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .125rem;
    .part-top{
        width: 95%;
        display: flex;
        font-weight: bold;
        padding-bottom: .125rem;
        font-size: .0833rem;
        justify-content: space-between;
       
        .part-top-left{
            color: #696969;
            display: flex;
            .text{
                 display: flex;
                 .else{
                    max-width: 1rem;
                 }
                .reset-part{
                    display: flex;
                    align-items: center;
                    margin-left: .05rem;
                    // text-decoration: underline;
                    .icon{
                        width: .0729rem;
                        height: .0729rem;
                        display: flex;
                        align-items: center;
                        margin-left: .015rem;
                        img{
                            width: 100%;
                            height: 100%; 
                        }
                    }
                    .reset{
                        // text-decoration: underline;
                        flex: 1;
                    }
                }
                // display: flex;
                
                margin-right: .2083rem;
            }
           
        }
        .part-top-right{
            display: flex;
            align-items: center;
            color: #3644BF;
            .icon{
                width: .1042rem;
                height: .1042rem;
                display: flex;
                transition: transform 1s;
                align-items: center;
                img{
                       width: 100%;
                       height: 100%;
                }
            }
            .del{
                color: #C71D32;
            }
            .text{
                margin-left: .2083rem;
            }
           
            .open{
                transform: rotate(0deg);
               
            }
            .close{
                transform: rotate(180deg);
            }
        }
    }

    .content{
        overflow: hidden;
        transition: height 1s;
        display: flex;
        width: 95%;
        .content-left{
            display: flex;
            width: 2.5469rem;
            height: 2.8906rem;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .content-right{
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-left: .1458rem;

            
        }

      
    }
}